<!DOCTYPE html>
<html>

<head>
    <title>轻群社</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="Keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="./css/qqs_style.css">
</head>

<body class="deta-bgwhite">
    <header class="comm-header">
        <div class="comm-nav">
            <div class="index-htopl" onClick="javascript :history.back(-1);"><span class="iconbg-cback"></span></div>
            <div class="index-htopr"><span class="iconbg-hline2"></span></div>
            <div class="iconbg-logo-2"></div>
        </div>
        
        <div class="coll-nav">
            <ul>
                <li><a href="#" class="selected">全部</a></li>
                <li><a href="#">干货</a></li>
                <li><a href="#">案例</a></li>
                <li><a href="#">工具</a></li>
            </ul>
        </div>
    </header>
    <section class="coll-section">
        <ul class="coll-list">
            <li>
                <a href="content.html">
                    <div><img class="lazy" data-lazyload="./img/sucai/sc18.jpg"></div>
                    <p>电商评价并非铁板一块：浅析电商用户评价</p>
                    <span>交友 • 1分钟前</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img class="lazy" data-lazyload="./img/sucai/sc19.jpg"></div>
                    <p>从零开始做运营：Keep 的百日进阶</p>
                    <span>交友 • 1分钟前</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img class="lazy" data-lazyload="./img/sucai/sc20.jpg"></div>
                    <p>用户留存问题怎么破，这三大维度为你解惑</p>
                    <span>交友 • 2017-10-12 16:16</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img class="lazy" data-lazyload="./img/sucai/sc04.jpg"></div>
                    <p>假装生活在北京</p>
                    <span>交友 • 10分钟前</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img class="lazy" data-lazyload="./img/sucai/sc05.jpg"></div>
                    <p>浪漫有约</p>
                    <span>交友 • 1分钟前</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img class="lazy" data-lazyload="./img/sucai/sc06.jpg"></div>
                    <p>国产精品电影推荐</p>
                    <span>电影 • 1分钟前</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img class="lazy" data-lazyload="./img/sucai/sc01.jpg"></div>
                    <p>宝妈交流群</p>
                    <span>育儿 • 1分钟前</span>
                </a>
            </li>
        </ul>
        <div class="comm-page">
            <ul>
                <li>
                    <a href="#">
                        <div class="page-arrow-left left">
                            <span></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="page-arrow-left">
                            <span></span>
                        </div>
                    </a>
                </li>
                <li class="page-cent"><a>第1页</a></li>
                <li>
                    <a href="#">
                        <div class="page-arrow-right">
                            <span></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="page-arrow-right right">
                            <span></span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <footer class="index-footer"></footer>
    <div class="comm-cover"></div>
    <div class="comm-slide-nav"></div>
    <script src="./js/zepto.min.js"></script>
    <script src="./js/zepto-lazyload.js"></script>
    <script src="./js/college.js"></script>
</body>

</html>